<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Ovio -  Bootstrap Based Responsive Dashboard &amp; Admin Template</title>

<!-- Bootstrap -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">

<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">

<!-- Template style -->
<link rel="stylesheet" href="../dist/css/style.css">
<link rel="stylesheet" href="et-line-font/et-line-font.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="../dist/weather/weather-icons.min.css">
<link type="text/css" rel="stylesheet" href="../dist/weather/weather-icons-wind.min.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="sidebar-mini">
<div class="wrapper"> 
  
  <!-- Main Header -->
  <header class="main-header dark-bg"> 
    
    <!-- Logo --> 
    <a href="../index.html" class="logo dark-bg"> 
    <!-- mini logo for sidebar mini 50x50 pixels --> 
    <span class="logo-mini"><img src="../dist/img/logo.png" alt="Ovio"></span> 
    <!-- logo for regular state and mobile devices --> 
    <span class="logo-lg"><img src="../dist/img/logo-lg.png" alt="Ovio"></span> </a> 
    
    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation"> 
      <!-- Sidebar toggle button--> 
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle navigation</span> </a>
      <div class="pull-left search-box">
        <form action="#" method="get" class="search-form">
          <div class="input-group">
            <input type="text" name="search" class="form-control" placeholder="Search...">
            <span class="input-group-btn">
            <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i> </button>
            </span></div>
        </form>
        <!-- search form --> </div>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <li class="dropdown messages-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-envelope"></i>
            <div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 4 messages</li>
              <li>
                <ul class="menu">
                  <li><a href="#">
                    <div class="pull-left"><img src="../dist/img/img1.jpg" class="img-circle" alt="User Image"></div>
                    <h4>Florence Douglas</h4>
                    <p>Lorem ipsum dolor sit amet.</p>
                    <p><small><i class="fa fa-clock-o"></i> 2 mins</small></p>
                    </a></li>
                  <li><a href="#">
                    <div class="pull-left"><img src="../dist/img/img2.jpg" class="img-circle" alt="User Image"></div>
                    <h4>Douglas Smith</h4>
                    <p>Lorem ipsum dolor sit amet.</p>
                    <p><small><i class="fa fa-clock-o"></i> 15 mins</small></p>
                    </a></li>
                  <li><a href="#">
                    <div class="pull-left"><img src="../dist/img/img3.jpg" class="img-circle" alt="User Image"></div>
                    <h4>Lorence Deo</h4>
                    <p>Lorem ipsum dolor sit amet.</p>
                    <p><small><i class="fa fa-clock-o"></i> 35 mins</small></p>
                    </a></li>
                  <li><a href="#">
                    <div class="pull-left"><img src="../dist/img/img1.jpg" class="img-circle" alt="User Image"></div>
                    <h4>Florence Douglas</h4>
                    <p>Lorem ipsum dolor sit amet.</p>
                    <p><small><i class="fa fa-clock-o"></i> 2 mins</small></p>
                    </a></li>
                </ul>
              </li>
              <li class="footer"><a href="#">Check all notifications</a></li>
            </ul>
          </li>
          <!-- messages-menu --> 
          
          <!-- Notifications Menu -->
          <li class="dropdown notifications-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-megaphone"></i>
            <div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
            </a>
            <ul class="dropdown-menu">
              <li class="header">Notifications</li>
              <li>
                <ul class="menu">
                  <li><a href="#"><i class="icon-lightbulb"></i> Lorem ipsum dolor sit amet </a> </li>
                  <li><a href="#"><i class="icon-map-pin blue"></i> Lorem ipsum dolor sit amet </a> </li>
                  <li><a href="#"><i class="icon-refresh orange"></i> Lorem ipsum dolor sit amet </a> </li>
                  <li><a href="#"><i class="icon-map-pin blue"></i> Lorem ipsum dolor sit amet </a> </li>
                </ul>
              </li>
              <li class="footer"><a href="#">View all</a></li>
            </ul>
          </li>
          <!-- Tasks Menu --> 
          <!-- User Account Menu -->
          <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="../dist/img/img1.jpg" class="user-image" alt="User Image"> <span class="hidden-xs">Florence Douglas</span> </a>
            <ul class="dropdown-menu">
              <li class="user-header">
                <div class="pull-left user-img"><img src="../dist/img/img1.jpg" class="img-responsive" alt="User"></div>
                <p class="text-left">Florence Douglas <small>florence@gmail.com</small> </p>
                <div class="view-link text-left"><a href="#">View Profile</a> </div>
              </li>
              <li><a href="#"><i class="icon-profile-male"></i> My Profile</a></li>
              <li><a href="#"><i class="icon-wallet"></i> My Balance</a></li>
              <li><a href="#"><i class="icon-envelope"></i> Inbox</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#"><i class="icon-gears"></i> Account Setting</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#"><i class="fa fa-power-off"></i> Logout</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar dark-bg">
    <section class="sidebar">
      <div class="user-panel black-bg">
        <div class="pull-left image"> <img src="../dist/img/img1.jpg" class="img-circle" alt="User Image"> </div>
        <div class="pull-left info">
          <p>Florence Douglas</p>
          <a href="#"><i class="fa fa-circle"></i> Online</a> </div>
      </div>
      <!-- Sidebar Menu -->
      <ul class="sidebar-menu" data-widget="tree">
        <li class="header dark-bg">Menu</li>
        <li class="treeview"><a href="#"><i class="fa fa-dashboard"></i> <span>Dashboard</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="../index.html"><i class="fa fa-angle-right"></i> Dashboard 1</a></li>
            <li><a href="../getMoreTodayFund.html"><i class="fa fa-angle-right"></i> Dashboard 2</a></li>
            <li><a href="../dashboard-3.html"><i class="fa fa-angle-right"></i> Dashboard 3</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"><i class="fa fa-desktop"></i> <span>Templates</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="../index.html"><i class="fa fa-angle-right"></i> Default</a></li>
            <li><a href="../index-light.html"><i class="fa fa-angle-right"></i> Light</a></li>
            <li><a href="../index-dark.html"><i class="fa fa-angle-right"></i> Dark</a></li>
            <li><a href="../index-collapsed-sidebar.html"><i class="fa fa-angle-right"></i> Collapsed Sidebar</a></li>
            <li><a href="../index-boxed.html"><i class="fa fa-angle-right"></i> Boxed</a></li>
            <li><a href="../index-top-nav.html"><i class="fa fa-angle-right"></i> Top Navigation</a></li>
            <li><a href="../index-rtl.html"><i class="fa fa-angle-right"></i> RTL</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"><i class="fa fa-bullseye"></i> <span>Apps</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="../app/project-summary.html"><i class="fa fa-angle-right"></i> Project Summary</a></li>
            <li><a href="../app/invoice.html"><i class="fa fa-angle-right"></i> Invoice</a></li>
            <li><a href="../app/calendar.html"><i class="fa fa-angle-right"></i> Calendar</a></li>
            <li><a href="../app/gallery.html"><i class="fa fa-angle-right"></i> Gallery</a></li>
            <li><a href="../app/timeline.html"><i class="fa fa-angle-right"></i> Timeline</a></li>
            <li class="active"><a href="../app/contacts.html"><i class="fa fa-angle-right"></i> Contacts</a></li>
          </ul>
        </li>
        <li> <a href="../widgets.html"> <i class="fa fa-th"></i> <span>Widgets</span></a> </li>
        <li class="header dark-bg">Components</li>
        <li class="treeview active"> <a href="#"><i class="fa fa-briefcase"></i> <span>UI Components</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="alerts.html"><i class="fa fa-angle-right"></i> Alerts</a></li>
            <li><a href="buttons.html"><i class="fa fa-angle-right"></i> Buttons</a></li>
            <li><a href="carousel.html"><i class="fa fa-angle-right"></i> Carousel</a></li>
            <li><a href="collapse.html"><i class="fa fa-angle-right"></i> Collapse</a></li>
            <li><a href="listgroup.html"><i class="fa fa-angle-right"></i> List Group</a></li>
            <li><a href="pagination.html"><i class="fa fa-angle-right"></i> Pagination</a></li>
            <li class="active"><a href="tabs.html"><i class="fa fa-angle-right"></i> Tabs</a></li>
            <li><a href="tooltips.html"><i class="fa fa-angle-right"></i> Tooltips</a></li>
            <li><a href="popovers.html"><i class="fa fa-angle-right"></i> Popovers</a></li>
            <li><a href="progress.html"><i class="fa fa-angle-right"></i> Progress</a></li>
            <li><a href="mediaobjects.html"><i class="fa fa-angle-right"></i> Media Objects</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"><i class="fa fa-pencil-square-o"></i> <span>Forms</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="../forms/general-elements.html"><i class="fa fa-angle-right"></i> General Elements</a></li>
            <li><a href="../forms/layouts.html"><i class="fa fa-angle-right"></i> Form Layouts</a></li>
            <li><a href="../forms/validation.html"><i class="fa fa-angle-right"></i> Form Validation</a></li>
            <li><a href="../forms/wizard.html"><i class="fa fa-angle-right"></i> Form Wizard</a></li>
            
          </ul>
        </li>
        <li class="treeview"> <a href="#"><i class="fa fa-table"></i> <span>Tables</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="../userManage.html"><i class="fa fa-angle-right"></i> Basic Tables</a></li>
            <li><a href="../goodManage.html"><i class="fa fa-angle-right"></i> Data Tables</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"><i class="fa fa-bar-chart"></i> <span>Charts</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="../charts/line.html"><i class="fa fa-angle-right"></i> Line Charts</a></li>
            <li><a href="../charts/area.html"><i class="fa fa-angle-right"></i> Area Charts</a></li>
            <li><a href="../charts/bar.html"><i class="fa fa-angle-right"></i> Bar Charts</a></li>
            <li><a href="../charts/pie.html"><i class="fa fa-angle-right"></i> Pie Charts</a></li>
            <li><a href="../charts/bubble.html"><i class="fa fa-angle-right"></i> Bubble Charts</a></li>
            <li><a href="../charts/combinations.html"><i class="fa fa-angle-right"></i> Combinations</a></li>
            <li><a href="../charts/3d.html"><i class="fa fa-angle-right"></i> 3D Charts</a></li>
            
          </ul>
        </li>
        <li class="treeview"> <a href="#"><i class="fa fa-map-marker"></i> <span>Maps</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="../maps/google-maps.html"><i class="fa fa-angle-right"></i> Google Maps</a></li>
            <li><a href="../maps/vector-map.html"><i class="fa fa-angle-right"></i> Vector Map</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"><i class="fa fa-files-o"></i> <span>Pages</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="../pages/login.html"><i class="fa fa-angle-right"></i> Login</a></li>
            <li><a href="../register.html"><i class="fa fa-angle-right"></i> Register</a></li>
            <li><a href="../forgotPassword.html"><i class="fa fa-angle-right"></i> Forgot password</a></li>
            <li><a href="../pages/coming-soon.html"><i class="fa fa-angle-right"></i> Coming Soon</a></li>
            
          </ul>
        </li>
        <li class="treeview"> <a href="#"> <i class="fa fa-align-left"></i> <span>Multilevel</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu" style="display: none;">
            <li><a href="#"><i class="fa fa-angle-right"></i> Level One</a></li>
            <li class="treeview"> <a href="#"><i class="fa fa-angle-right"></i> Level One <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
              <ul class="treeview-menu" style="display: none;">
                <li><a href="#"><i class="fa fa-angle-right"></i> Level Two</a></li>
                <li class="treeview"> <a href="#"><i class="fa fa-angle-right"></i> Level Two <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
                  <ul class="treeview-menu" style="display: none;">
                    <li><a href="#"><i class="fa fa-angle-right"></i> Level Three</a></li>
                    <li><a href="#"><i class="fa fa-angle-right"></i> Level Three</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="#"><i class="fa fa-angle-right"></i> Level One</a></li>
          </ul>
        </li>
      </ul>
      <!-- sidebar-menu --> 
    </section>
  </aside>
  
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper"> 
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>Tabs</h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
        <li class="active"><i class="fa fa-briefcase"></i> Components</li>
        <li class="active"><i class="fa fa-table"></i> Tabs</li>
      </ol>
    </section>
    
    <!-- Main content -->
    <section class="content container-fluid">
    <div class="row">
      <div class="col-md-6">
        <div class="chart-box">
          <h4>Example Tabs</h4>
          <!-- Nav tabs -->
          <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
            <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
          </ul>
          
          <!-- Tab panes -->
          <div class="tab-content m-top-2">
            <div role="tabpanel" class="tab-pane active" id="home">
              <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
              <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
            </div>
            <div role="tabpanel" class="tab-pane" id="profile">
              <p>Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod. Food truck quinoa nesciunt laborum eiusmod. </p>
              <p>Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod. Food truck quinoa nesciunt laborum eiusmod. </p>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
              <p>Squid single-origin food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
              <p>Aliqua put a bird on it squid single-origin coffee Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt  nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
            </div>
            <div role="tabpanel" class="tab-pane" id="settings">
              <p>Nesciunt laborum eiusmod food truck quinoa. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
              <p>Brunch 3 wolf moon tem por Food truck quinoa nesciunt laborum eiusmod. , sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="chart-box">
          <h4>Example Tabs Fade </h4>
          <!-- Nav tabs -->
          <ul class="nav nav-tabs styone" role="tablist">
            <li role="presentation" class="active"><a href="#home1" aria-controls="home1" role="tab" data-toggle="tab">Home</a></li>
            <li role="presentation"><a href="#profile1" aria-controls="profile1" role="tab" data-toggle="tab">Profile</a></li>
            <li role="presentation"><a href="#messages1" aria-controls="messages1" role="tab" data-toggle="tab">Messages</a></li>
            <li role="presentation"><a href="#settings1" aria-controls="settings1" role="tab" data-toggle="tab">Settings</a></li>
          </ul>
          
          <!-- Tab panes -->
          <div class="tab-content m-top-2">
            <div role="tabpanel" class="tab-pane fade in active" id="home1">
              <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
              <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
            </div>
            <div role="tabpanel" class="tab-pane fade " id="profile1">
              <p>Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod. Food truck quinoa nesciunt laborum eiusmod. </p>
              <p>Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod. Food truck quinoa nesciunt laborum eiusmod. </p>
            </div>
            <div role="tabpanel" class="tab-pane fade " id="messages1">
              <p>Squid single-origin food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
              <p>Aliqua put a bird on it squid single-origin coffee Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt  nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
            </div>
            <div role="tabpanel" class="tab-pane fade " id="settings1">
              <p>Nesciunt laborum eiusmod food truck quinoa. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
              <p>Brunch 3 wolf moon tem por Food truck quinoa nesciunt laborum eiusmod. , sunt aliqua put a bird on it squid single-origin coffee nulla assumen da shoreditch nesciunt laborum eiusmod.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-12">
        <div class="chart-box over-hidden">
          <h4>Example Tabs Vertical Fade</h4>
          <div class="row">
            <div class="col-md-3"> 
              <!-- Nav tabs -->
              <ul class="nav nav-tabs styfive" role="tablist">
                <li role="presentation" class="active"><a href="#home4" aria-controls="home4" role="tab" data-toggle="tab">Home</a></li>
                <li role="presentation"><a href="#profile4" aria-controls="profile" role="tab4" data-toggle="tab">Profile</a></li>
                <li role="presentation"><a href="#messages4" aria-controls="messages" role="tab4" data-toggle="tab">Messages</a></li>
                <li role="presentation"><a href="#settings4" aria-controls="settings" role="tab4" data-toggle="tab">Settings</a></li>
              </ul>
            </div>
            <div class="col-md-9"> 
              <!-- Tab panes -->
              <div class="tab-content m-top-2">
                <div role="tabpanel" class="tab-pane fade in active" id="home4">
                  <div class="row">
                    <div class="col-md-7">
                      <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                      <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                    </div>
                    <div class="col-md-5"> <img src="../dist/img/img9.jpg" class="img-responsive" alt="User Image"> </div>
                  </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="profile4">
                  <div class="row">
                    <div class="col-md-7">
                      <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                      <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                    </div>
                    <div class="col-md-5"> <img src="../dist/img/img10.jpg" class="img-responsive" alt="User Image"> </div>
                  </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="messages4">
                  <div class="row">
                    <div class="col-md-7">
                      <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                      <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                    </div>
                    <div class="col-md-5"> <img src="../dist/img/img11.jpg" class="img-responsive" alt="User Image"> </div>
                  </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="settings4">
                  <div class="row">
                    <div class="col-md-7">
                      <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                      <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                    </div>
                    <div class="col-md-5"> <img src="../dist/img/img12.jpg" class="img-responsive" alt="User Image"> </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="chart-box">
          <h4>Example Tabs</h4>
          <!-- Nav tabs -->
          <ul class="nav nav-tabs stytwo" role="tablist">
            <li role="presentation" class="active"><a href="#home2" aria-controls="home2" role="tab" data-toggle="tab">Home</a></li>
            <li role="presentation"><a href="#profile2" aria-controls="profile" role="tab2" data-toggle="tab">Profile</a></li>
            <li role="presentation"><a href="#messages2" aria-controls="messages" role="tab2" data-toggle="tab">Messages</a></li>
            <li role="presentation"><a href="#settings2" aria-controls="settings" role="tab2" data-toggle="tab">Settings</a></li>
          </ul>
          
          <!-- Tab panes -->
          <div class="tab-content m-top-2">
            <div role="tabpanel" class="tab-pane active" id="home2">
              <div class="row">
                <div class="col-md-4"> <img src="../dist/img/img1.jpg" class="img-responsive" alt="User Image"> </div>
                <div class="col-md-8">
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla.</p>
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                </div>
              </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="profile2">
              <div class="row">
                <div class="col-md-4"> <img src="../dist/img/img2.jpg" class="img-responsive" alt="User Image"> </div>
                <div class="col-md-8">
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla.</p>
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                </div>
              </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages2">
              <div class="row">
                <div class="col-md-4"> <img src="../dist/img/img3.jpg" class="img-responsive" alt="User Image"> </div>
                <div class="col-md-8">
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla.</p>
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                </div>
              </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="settings2">
              <div class="row">
                <div class="col-md-4"> <img src="../dist/img/img4.jpg" class="img-responsive" alt="User Image"> </div>
                <div class="col-md-8">
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla.</p>
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="chart-box">
          <h4>Example Tabs Fade</h4>
          <!-- Nav tabs -->
          <ul class="nav nav-tabs styfour" role="tablist">
            <li role="presentation" class="active"><a href="#home3" aria-controls="home3" role="tab" data-toggle="tab">Home</a></li>
            <li role="presentation"><a href="#profile3" aria-controls="profile" role="tab3" data-toggle="tab">Profile</a></li>
            <li role="presentation"><a href="#messages3" aria-controls="messages" role="tab3" data-toggle="tab">Messages</a></li>
            <li role="presentation"><a href="#settings3" aria-controls="settings" role="tab3" data-toggle="tab">Settings</a></li>
          </ul>
          
          <!-- Tab panes -->
          <div class="tab-content m-top-2">
            <div role="tabpanel" class="tab-pane fade in active" id="home3">
              <div class="row">
                <div class="col-md-8">
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla.</p>
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                </div>
                <div class="col-md-4"> <img src="../dist/img/img1.jpg" class="img-responsive" alt="User Image"> </div>
              </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="profile3">
              <div class="row">
                <div class="col-md-8">
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla.</p>
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                </div>
                <div class="col-md-4"> <img src="../dist/img/img2.jpg" class="img-responsive" alt="User Image"> </div>
              </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="messages3">
              <div class="row">
                <div class="col-md-8">
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla.</p>
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                </div>
                <div class="col-md-4"> <img src="../dist/img/img3.jpg" class="img-responsive" alt="User Image"> </div>
              </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="settings3">
              <div class="row">
                <div class="col-md-8">
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single-origin coffee nulla.</p>
                  <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tem por, sunt aliqua put a bird on it squid single origin coffee nulla sunt aliqua put a bird on it squid single origin.</p>
                </div>
                <div class="col-md-4"> <img src="../dist/img/img4.jpg" class="img-responsive" alt="User Image"> </div>
              </div>
            </div>
          </div>
        </div>
      </div>
     </div>
    </section>
    <!-- content --> 
  </div>
  <!-- content-wrapper --> 
  
  <!-- Main Footer -->
  <footer class="main-footer dark-bg">
    <div class="pull-right hidden-xs"> Version 1.0</div>
    Copyright &copy; 2017 Yourdomian. All rights reserved. </footer>
</div>
<!-- wrapper --> 

<!-- jQuery --> 
<script src="../dist/js/jquery.min.js"></script> 
<script src="../bootstrap/js/bootstrap.min.js"></script> 
<script src="../dist/js/ovio.js"></script>
</body>
</html>